<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>预测</title>

    <link rel="stylesheet" href="js/bstable/css/bootstrap.min.css">
    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="js/jQueryPage/src/jquery.page.css">
    <link rel="stylesheet" href="css/yuce.css">
</head>

<body>
    <!--顶部-->
    <header class="header left">
        <div class="left nav">
            <ul>
                <li><i class="nav_1"></i><a href="index.html">空气质量分析</a></li>
                <li class="nav_active"><i class="nav_2"></i><a href="yuce.html">AQI预测</a></li>
                <li><i class="nav_3"></i><a href="evaluate.html">评价与反馈</a></li>
            </ul>
        </div>
        <div class="header_center left">
            <h2><strong>全国空气质量数据分析和可视化</strong></h2>
            <p class="color_font">
                <small>National Air Quality Data Analysis and Visualization</small>
            </p>
        </div>
        <div class="showTime"></div>
        <script>var t = null;
            t = setTimeout(time, 1000);   //开始运行
            function time() {
                clearTimeout(t); //清楚计时器
                dt = new Date()
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.querySelector(".showTime").innerHTML = "当前时间：" + y + '年' + mt + '月' + day + '日 ' + h + '时' + m + '分' + s + '秒'
            }
        </script>

    </header>
    <!--内容部分-->
    <div class="map_con left" id="car_control">
        <!--左侧地图-->
        <div class="left map_left">
            <!-- <div class="map_box" id="map_box"></div> -->
            <div id="aqi" class="chart-container" style="width:950px; height:710px;"></div>
        </div>

        <!--右侧功能栏-->
        <div class="right map_right ">
            <div class="map_right_top">
                <div class="model"><img src="img/title_4.png">模型预测结果 </div>
            </div>
            <div class="map_con">
                <div class="map_con_div" style="display: block">
                    <div class="map_chart">
                      
                        <div><img src="./img/model.png"
                                style="width: 90%; height: 90%;margin-top: 10px; margin-left: 35px;"></div>

                    </div>
                    <div class="div_any_child">
                        <div class="div_any_title"><img src="img/title_4.png">AQI预测结果 </div>
        
                        <p id="char3" class="p_chart"></p>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="js/base.js"></script>
    <script src="/js/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/maps/china.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
    <script src="js/map_contro1.js"></script>
    <script src="js/yuce.js"></script>
</body>

</html>